<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>angular-material-app documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
	    <link rel="stylesheet" href="./styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="./" class="navbar-brand">angular-material-app documentation</a>
            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
            <div id="book-search-input" role="search">
                <input type="text" placeholder="Type to search">
            </div>
            <nav>
            
                <ul class="list">
            
                    <li class="title">
                        <a href="./index.html">angular-material-app documentation</a>
                    </li>
            
                    <li class="divider"></li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
                        <ul class="links">
                                <li class="link">
                                    <a 
                                        
                                         href="./overview.html" 
                                         href="./overview.html" 
                                        >
                                        <span class="fa fa-th"></span>Overview
                                    </a>
                                </li>
                                <li class="link">
                                  <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                </li>
                                <li class="link">
                                        <a href="./changelog.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>CHANGELOG
                                    </a>
                                </li>
                                <li class="link">
                                        <a href="./license.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>LICENSE
                                    </a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./modules.html" >
                            <div class="menu-toggler linked" data-toggle="collapse"
                                    data-target="#xs-modules-links"
                            >
                                <span class="fa fa-archive"></span>
                                <span class="link-name">Modules</span>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </a>
                        <ul class="links collapse "
                                id="xs-modules-links"
                            >
                                <li class="link">
                                    <a href="./modules/AdminModule.html" >AdminModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AmpaModule.html" >AmpaModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AnalysisModule.html" >AnalysisModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AnalysisRoutingModule.html" >AnalysisRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ApmModule.html" >ApmModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ApmRoutingModule.html" >ApmRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AppModule.html" >AppModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AppRoutingModule.html" >AppRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/BaseLayoutModule.html" >BaseLayoutModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ButtonModule.html" >ButtonModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChartModule.html" >ChartModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChartRoutingModule.html" >ChartRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChatRoutingModule.html" >ChatRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChatsModule.html" >ChatsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ComponentModule.html" >ComponentModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CoreModule.html" >CoreModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CrmModule.html" >CrmModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CrmRoutingModule.html" >CrmRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/DatePickerModule.html" >DatePickerModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FileUploadModule.html" >FileUploadModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FireBaseComponentsModule.html" >FireBaseComponentsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FormModule.html" >FormModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FormsRoutingModule.html" >FormsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HeaderModule.html" >HeaderModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HomeModule.html" >HomeModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HomeRoutingModule.html" >HomeRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/LoadingModule.html" >LoadingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MailModule.html" >MailModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MailRoutingModule.html" >MailRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialComponentsModule.html" >MaterialComponentsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialsModule.html" >MaterialsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialsRoutingModule.html" >MaterialsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationRoutingModule.html" >NavigationRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NotificaitonModule.html" >NotificaitonModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NotificationContainerModule.html" >NotificationContainerModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PageLayoutsModule.html" >PageLayoutsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PageLayoutsRoutingModule.html" >PageLayoutsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PagesModule.html" >PagesModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PagesRoutingModule.html" >PagesRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SearchModule.html" >SearchModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SharedModule.html" >SharedModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SidenavModule.html" >SidenavModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TablesModule.html" >TablesModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TablesRoutingModule.html" >TablesRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TodoModule.html" >TodoModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TodoRoutingModule.html" >TodoRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/WidgetModule.html" >WidgetModule</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-components-links"
                            >
                            <span class="fa fa-cogs"></span>
                            <span>Components</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-components-links"
                            >
                                <li class="link">
                                    <a href="./components/AboutComponent.html" >AboutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AdminComponent.html" >AdminComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AgeComponent.html" >AgeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AmapComponent.html" >AmapComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AmapComponent.html" >AmapComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AppComponent.html" >AppComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BarComponent.html" >BarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BaseLayoutComponent.html" >BaseLayoutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BlogComponent.html" >BlogComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BrandComponent.html" >BrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BrandComponent.html" >BrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ButtonComponent.html" >ButtonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ButtonsComponent.html" >ButtonsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CardsComponent.html" >CardsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChartComponent.html" >ChartComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChatComponent.html" >ChatComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChatsComponent.html" >ChatsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ComposeComponent.html" >ComposeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ConsumerComponent.html" >ConsumerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactComponent.html" >ContactComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactComponent.html" >ContactComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactUpdateComponent.html" >ContactUpdateComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactsComponent.html" >ContactsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContractComponent.html" >ContractComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CrmComponent.html" >CrmComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CrowdComponent.html" >CrowdComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomerCommonComponent.html" >CustomerCommonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomerComponent.html" >CustomerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomizerComponent.html" >CustomizerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DashboardComponent.html" >DashboardComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatatableComponent.html" >DatatableComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DateDisplayComponent.html" >DateDisplayComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DayButtonComponent.html" >DayButtonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DetailComponent.html" >DetailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DetailComponent.html" >DetailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DialogsComponent.html" >DialogsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DoughnutComponent.html" >DoughnutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DynamicComponent.html" >DynamicComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EditorComponent.html" >EditorComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ElementsComponent.html" >ElementsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EquipmentBrandComponent.html" >EquipmentBrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EquipmentComponent.html" >EquipmentComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ErrorComponent.html" >ErrorComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FileManagerComponent.html" >FileManagerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FileUploadComponent.html" >FileUploadComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FooterComponent.html" >FooterComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FormsComponent.html" >FormsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FullwidthComponent.html" >FullwidthComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/GenderComponent.html" >GenderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/HeaderComponent.html" >HeaderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/HomeComponent.html" >HomeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/IconComponent.html" >IconComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ItemComponent.html" >ItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LeadComponent.html" >LeadComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LineComponent.html" >LineComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ListComponent.html" >ListComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ListsComponent.html" >ListsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LoadingComponent.html" >LoadingComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MailComponent.html" >MailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MarkdownComponent.html" >MarkdownComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MenuComponent.html" >MenuComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MonthComponent.html" >MonthComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavCollapseComponent.html" >NavCollapseComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavItemComponent.html" >NavItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NoticeComponent.html" >NoticeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NotificationComponent.html" >NotificationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/OperatorsComponent.html" >OperatorsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/OpportunitiesComponent.html" >OpportunitiesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PagesComponent.html" >PagesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PerformanceComponent.html" >PerformanceComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PermeabilityComponent.html" >PermeabilityComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PieComponent.html" >PieComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PolarComponent.html" >PolarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopulationComponent.html" >PopulationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PreferenceComponent.html" >PreferenceComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PreferenceFieldComponent.html" >PreferenceFieldComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProductComponent.html" >ProductComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProfileComponent.html" >ProfileComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProjectComponent.html" >ProjectComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/RadarComponent.html" >RadarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/RegionComponent.html" >RegionComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ScenePortraitComponent.html" >ScenePortraitComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SearchComponent.html" >SearchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ServicesComponent.html" >ServicesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SidenavComponent.html" >SidenavComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SigninComponent.html" >SigninComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SignupComponent.html" >SignupComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SliderComponent.html" >SliderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/StateComponent.html" >StateComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/StaticComponent.html" >StaticComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SwitchComponent.html" >SwitchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TableComponent.html" >TableComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TablesComponent.html" >TablesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TabsComponent.html" >TabsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToastComponent.html" >ToastComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoComponent.html" >TodoComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoHeaderComponent.html" >TodoHeaderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoItemComponent.html" >TodoItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoListComponent.html" >TodoListComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoSearchComponent.html" >TodoSearchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoSidenavComponent.html" >TodoSidenavComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoToolbarComponent.html" >TodoToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarHelpComponent.html" >ToolbarHelpComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarNotificationComponent.html" >ToolbarNotificationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarUserComponent.html" >ToolbarUserComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TooltipsComponent.html" >TooltipsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/UserComponent.html" >UserComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ValidationComponent.html" >ValidationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ViewComponent.html" >ViewComponent</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-directives-links"
                            >
                            <span class="fa fa-code"></span>
                            <span>Directives</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-directives-links"
                            >
                                <li class="link">
                                    <a href="./directives/ButtonDirective.html" >ButtonDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/FileUploadDirective.html" >FileUploadDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/LoadingDirective.html" >LoadingDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/NotificationContainerDirective.html" >NotificationContainerDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/PopoverDirective.html" >PopoverDirective</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-classes-links"
                            >
                            <span class="fa fa-file-code-o"></span>
                            <span>Classes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-classes-links"
                            >
                                <li class="link">
                                    <a href="./classes/Chat.html" >Chat</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NavigationModel.html" >NavigationModel</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationConfig.html" >NotificationConfig</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationInjector.html" >NotificationInjector</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationRef.html" >NotificationRef</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/SidenavItem.html" >SidenavItem</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/Todo.html" >Todo</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/ToolbarNotificationModel.html" >ToolbarNotificationModel</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/Upload.html" >Upload</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-injectables-links"
                            >
                            <span class="fa fa-long-arrow-down"></span>
                            <span>Injectables</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-injectables-links"
                            >
                                <li class="link">
                                    <a href="./injectables/AnalysisService.html" >AnalysisService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ApmService.html" >ApmService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/AuthService.html" >AuthService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ChatsService.html" >ChatsService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ConfigService.html" >ConfigService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/DataTableService.html" >DataTableService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/FileManagerFirebase.html" >FileManagerFirebase</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/FileUploadService.html" >FileUploadService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/LeadService.html" >LeadService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/MailService.html" >MailService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NavigationService.html" >NavigationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NavigationService.html" >NavigationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NotificationService.html" >NotificationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/SidenavService.html" >SidenavService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/TodoService.html" >TodoService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ToolbarNotificationService.html" >ToolbarNotificationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/UserService.html" >UserService</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-interfaces-links"
                            >
                            <span class="fa fa-info"></span>
                            <span>Interfaces</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-interfaces-links"
                            >
                                <li class="link">
                                    <a href="./interfaces/Activate.html" >Activate</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/IMapAPILoaderConfig.html" >IMapAPILoaderConfig</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/LoadingInterface.html" >LoadingInterface</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/NotificationIconClasses.html" >NotificationIconClasses</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/NotificationInterface.html" >NotificationInterface</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-pipes-links"
                            >
                            <span class="fa fa-plus"></span>
                            <span>Pipes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-pipes-links"
                            >
                                <li class="link">
                                    <a href="./pipes/DatePickerPipe.html" >DatePickerPipe</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-miscellaneous-links"
                            >
                            <span class="fa fa-cubes"></span>
                            <span>Miscellaneous</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-miscellaneous-links"
                            >
                                <li class="link">
                                  <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                </li>
                                <li class="link">
                                  <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                    </li>
            
                    <li class="divider"></li>
                    <li class="copyright">
                            Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                        <img src=".//images/compodoc-vectorise.svg" class="img-responsive">
                            </a>
                    </li>
            
                </ul>
            
            </nav>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <nav>
                   
                       <ul class="list">
                   
                           <li class="title">
                               <a href="./index.html">angular-material-app documentation</a>
                           </li>
                   
                           <li class="divider"></li>
                   
                               <div id="book-search-input" role="search">
                                   <input type="text" placeholder="Type to search">
                               </div>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
                               <ul class="links">
                                       <li class="link">
                                           <a 
                                               
                                                href="./overview.html" 
                                                href="./overview.html" 
                                               >
                                               <span class="fa fa-th"></span>Overview
                                           </a>
                                       </li>
                                       <li class="link">
                                         <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                       </li>
                                       <li class="link">
                                               <a href="./changelog.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>CHANGELOG
                                           </a>
                                       </li>
                                       <li class="link">
                                               <a href="./license.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>LICENSE
                                           </a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./modules.html" >
                                   <div class="menu-toggler linked" data-toggle="collapse"
                                           data-target="#modules-links"
                                   >
                                       <span class="fa fa-archive"></span>
                                       <span class="link-name">Modules</span>
                                       <span class="fa fa-angle-down"></span>
                                   </div>
                               </a>
                               <ul class="links collapse "
                                       id="modules-links"
                   >
                                       <li class="link">
                                           <a href="./modules/AdminModule.html" >AdminModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AmpaModule.html" >AmpaModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AnalysisModule.html" >AnalysisModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AnalysisRoutingModule.html" >AnalysisRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ApmModule.html" >ApmModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ApmRoutingModule.html" >ApmRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AppModule.html" >AppModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AppRoutingModule.html" >AppRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/BaseLayoutModule.html" >BaseLayoutModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ButtonModule.html" >ButtonModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChartModule.html" >ChartModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChartRoutingModule.html" >ChartRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChatRoutingModule.html" >ChatRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChatsModule.html" >ChatsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ComponentModule.html" >ComponentModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CoreModule.html" >CoreModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CrmModule.html" >CrmModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CrmRoutingModule.html" >CrmRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/DatePickerModule.html" >DatePickerModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FileUploadModule.html" >FileUploadModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FireBaseComponentsModule.html" >FireBaseComponentsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FormModule.html" >FormModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FormsRoutingModule.html" >FormsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HeaderModule.html" >HeaderModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HomeModule.html" >HomeModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HomeRoutingModule.html" >HomeRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/LoadingModule.html" >LoadingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MailModule.html" >MailModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MailRoutingModule.html" >MailRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialComponentsModule.html" >MaterialComponentsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialsModule.html" >MaterialsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialsRoutingModule.html" >MaterialsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationRoutingModule.html" >NavigationRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NotificaitonModule.html" >NotificaitonModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NotificationContainerModule.html" >NotificationContainerModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PageLayoutsModule.html" >PageLayoutsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PageLayoutsRoutingModule.html" >PageLayoutsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PagesModule.html" >PagesModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PagesRoutingModule.html" >PagesRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SearchModule.html" >SearchModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SharedModule.html" >SharedModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SidenavModule.html" >SidenavModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TablesModule.html" >TablesModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TablesRoutingModule.html" >TablesRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TodoModule.html" >TodoModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TodoRoutingModule.html" >TodoRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/WidgetModule.html" >WidgetModule</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#components-links"
                   >
                                   <span class="fa fa-cogs"></span>
                                   <span>Components</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="components-links"
                   >
                                       <li class="link">
                                           <a href="./components/AboutComponent.html" >AboutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AdminComponent.html" >AdminComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AgeComponent.html" >AgeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AmapComponent.html" >AmapComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AmapComponent.html" >AmapComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AppComponent.html" >AppComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BarComponent.html" >BarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BaseLayoutComponent.html" >BaseLayoutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BlogComponent.html" >BlogComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BrandComponent.html" >BrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BrandComponent.html" >BrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ButtonComponent.html" >ButtonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ButtonsComponent.html" >ButtonsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CardsComponent.html" >CardsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChartComponent.html" >ChartComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChatComponent.html" >ChatComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChatsComponent.html" >ChatsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ComposeComponent.html" >ComposeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ConsumerComponent.html" >ConsumerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactComponent.html" >ContactComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactComponent.html" >ContactComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactUpdateComponent.html" >ContactUpdateComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactsComponent.html" >ContactsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContractComponent.html" >ContractComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CrmComponent.html" >CrmComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CrowdComponent.html" >CrowdComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomerCommonComponent.html" >CustomerCommonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomerComponent.html" >CustomerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomizerComponent.html" >CustomizerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DashboardComponent.html" >DashboardComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatatableComponent.html" >DatatableComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DateDisplayComponent.html" >DateDisplayComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DayButtonComponent.html" >DayButtonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DetailComponent.html" >DetailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DetailComponent.html" >DetailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DialogsComponent.html" >DialogsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DoughnutComponent.html" >DoughnutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DynamicComponent.html" >DynamicComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EditorComponent.html" >EditorComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ElementsComponent.html" >ElementsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EquipmentBrandComponent.html" >EquipmentBrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EquipmentComponent.html" >EquipmentComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ErrorComponent.html" >ErrorComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FileManagerComponent.html" >FileManagerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FileUploadComponent.html" >FileUploadComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FooterComponent.html" >FooterComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FormsComponent.html" >FormsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FullwidthComponent.html" >FullwidthComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/GenderComponent.html" >GenderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/HeaderComponent.html" >HeaderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/HomeComponent.html" >HomeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/IconComponent.html" >IconComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ItemComponent.html" >ItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LeadComponent.html" >LeadComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LineComponent.html" >LineComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ListComponent.html" >ListComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ListsComponent.html" >ListsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LoadingComponent.html" >LoadingComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MailComponent.html" >MailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MarkdownComponent.html" >MarkdownComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MenuComponent.html" >MenuComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MonthComponent.html" >MonthComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavCollapseComponent.html" >NavCollapseComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavItemComponent.html" >NavItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NoticeComponent.html" >NoticeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NotificationComponent.html" >NotificationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/OperatorsComponent.html" >OperatorsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/OpportunitiesComponent.html" >OpportunitiesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PagesComponent.html" >PagesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PerformanceComponent.html" >PerformanceComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PermeabilityComponent.html" >PermeabilityComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PieComponent.html" >PieComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PolarComponent.html" >PolarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopulationComponent.html" >PopulationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PreferenceComponent.html" >PreferenceComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PreferenceFieldComponent.html" >PreferenceFieldComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProductComponent.html" >ProductComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProfileComponent.html" >ProfileComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProjectComponent.html" >ProjectComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/RadarComponent.html" >RadarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/RegionComponent.html" >RegionComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ScenePortraitComponent.html" >ScenePortraitComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SearchComponent.html" >SearchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ServicesComponent.html" >ServicesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SidenavComponent.html" >SidenavComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SigninComponent.html" >SigninComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SignupComponent.html" >SignupComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SliderComponent.html" >SliderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/StateComponent.html" >StateComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/StaticComponent.html" >StaticComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SwitchComponent.html" >SwitchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TableComponent.html" >TableComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TablesComponent.html" >TablesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TabsComponent.html" >TabsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToastComponent.html" >ToastComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoComponent.html" >TodoComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoHeaderComponent.html" >TodoHeaderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoItemComponent.html" >TodoItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoListComponent.html" >TodoListComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoSearchComponent.html" >TodoSearchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoSidenavComponent.html" >TodoSidenavComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoToolbarComponent.html" >TodoToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarHelpComponent.html" >ToolbarHelpComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarNotificationComponent.html" >ToolbarNotificationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarUserComponent.html" >ToolbarUserComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TooltipsComponent.html" >TooltipsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/UserComponent.html" >UserComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ValidationComponent.html" >ValidationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ViewComponent.html" >ViewComponent</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#directives-links"
                   >
                                   <span class="fa fa-code"></span>
                                   <span>Directives</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="directives-links"
                   >
                                       <li class="link">
                                           <a href="./directives/ButtonDirective.html" >ButtonDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/FileUploadDirective.html" >FileUploadDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/LoadingDirective.html" >LoadingDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/NotificationContainerDirective.html" >NotificationContainerDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/PopoverDirective.html" >PopoverDirective</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#classes-links"
                   >
                                   <span class="fa fa-file-code-o"></span>
                                   <span>Classes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="classes-links"
                   >
                                       <li class="link">
                                           <a href="./classes/Chat.html" >Chat</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NavigationModel.html" >NavigationModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationConfig.html" >NotificationConfig</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationInjector.html" >NotificationInjector</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationRef.html" >NotificationRef</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/SidenavItem.html" >SidenavItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/Todo.html" >Todo</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/ToolbarNotificationModel.html" >ToolbarNotificationModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/Upload.html" >Upload</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#injectables-links"
                   >
                                   <span class="fa fa-long-arrow-down"></span>
                                   <span>Injectables</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="injectables-links"
                   >
                                       <li class="link">
                                           <a href="./injectables/AnalysisService.html" >AnalysisService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ApmService.html" >ApmService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/AuthService.html" >AuthService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ChatsService.html" >ChatsService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ConfigService.html" >ConfigService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/DataTableService.html" >DataTableService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/FileManagerFirebase.html" >FileManagerFirebase</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/FileUploadService.html" >FileUploadService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/LeadService.html" >LeadService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/MailService.html" >MailService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NavigationService.html" >NavigationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NavigationService.html" >NavigationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NotificationService.html" >NotificationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/SidenavService.html" >SidenavService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/TodoService.html" >TodoService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ToolbarNotificationService.html" >ToolbarNotificationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/UserService.html" >UserService</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#interfaces-links"
                   >
                                   <span class="fa fa-info"></span>
                                   <span>Interfaces</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="interfaces-links"
                   >
                                       <li class="link">
                                           <a href="./interfaces/Activate.html" >Activate</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/IMapAPILoaderConfig.html" >IMapAPILoaderConfig</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/LoadingInterface.html" >LoadingInterface</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/NotificationIconClasses.html" >NotificationIconClasses</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/NotificationInterface.html" >NotificationInterface</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#pipes-links"
                   >
                                   <span class="fa fa-plus"></span>
                                   <span>Pipes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="pipes-links"
                   >
                                       <li class="link">
                                           <a href="./pipes/DatePickerPipe.html" >DatePickerPipe</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#miscellaneous-links"
                   >
                                   <span class="fa fa-cubes"></span>
                                   <span>Miscellaneous</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="miscellaneous-links"
                   >
                                       <li class="link">
                                         <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                       </li>
                                       <li class="link">
                                         <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                           </li>
                   
                           <li class="divider"></li>
                           <li class="copyright">
                                   Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                               <img src=".//images/compodoc-vectorise.svg" class="img-responsive">
                                   </a>
                           </li>
                   
                       </ul>
                   
                   </nav>
               </div>
               <div class="content getting-started">
                   <div class="content-data">

<h1 id="0-5-2-2017-12-20-">0.5.2 (2017.12.20)</h1>
<h3 id="-">更新</h3>
<ul>
<li>新增固定宽度布局，支持自定义选项</li>
<li>新增页脚，支持自定义选项</li>
<li>更新页头，支持自定义选项</li>
<li>侧边栏菜单，支持自定义选项</li>
<li>新增material color 配色</li>
<li>启用animation动画</li>
</ul>
<h3 id="-">重构</h3>
<ul>
<li>侧边栏菜单重写</li>
</ul>
<h1 id="0-5-1-2017-12-14-">0.5.1 (2017.12.14)</h1>
<h3 id="-">更新</h3>
<ul>
<li><strong>angular：</strong> 更新到<code>5.1.1</code>
移除karma、jasmine依赖包</li>
</ul>
<h3 id="-">功能&amp;优化</h3>
<p>移除assets目录下无用的文件</p>
<ul>
<li><strong>analysis：</strong> 移除ng2-charts</li>
</ul>
<h1 id="0-5-0-2017-">0.5.0 (2017.<em>.</em>)</h1>
<h3 id="-">更新</h3>
<ul>
<li><strong>angular：</strong> 更新到<code>5.0.0</code></li>
<li><strong>material:</strong> 更新到<code>5.0.0</code></li>
<li><strong>flex-layout：</strong>  更新到<code>2.0.0-beta.10</code></li>
<li><strong>ng-quill：</strong>  更新到<code>2.0.4</code></li>
<li><strong>@swimlane/ngx-datatable:</strong> 更新到<code>11.1.5</code></li>
<li><strong>@swimlane/ngx-charts:</strong> 更新到<code>7.0.1</code></li>
<li><strong>ngx-perfect-scrollbar:</strong> 更新到<code>^5.0.5</code></li>
<li>移除指定的三中主题色，改进主题切换方式，支持material内置颜色主题切换</li>
</ul>
<h3 id="-">问题修复</h3>
<ul>
<li>修复todo类型定义</li>
<li>修复customizer遗留无用代码</li>
</ul>
<h1 id="0-4-12">0.4.12</h1>
<h3 id="-">功能&amp;优化</h3>
<ul>
<li>新增惰性模块加载前显示loading效果</li>
<li>优化analysis模块</li>
<li>重写todoModule模块</li>
</ul>
<h3 id="-">问题修复</h3>
<ul>
<li>修复升级material.12 没有导入 <em>matRipple</em></li>
</ul>
<h1 id="0-4-11">0.4.11</h1>
<h3 id="-">更新</h3>
<ul>
<li><strong>angular：</strong> 更新到<code>4.2.4</code></li>
</ul>
<h3 id="-">功能优化</h3>
<ul>
<li><strong>navigation: </strong> 增加 skeleton screen </li>
<li><strong>scss：</strong> 添加几种渐变效果</li>
</ul>
<h1 id="0-4-10-2017-10-13-">0.4.10 (2017.10.13)</h1>
<h3 id="-">更新</h3>
<ul>
<li><strong>material：</strong>  更新到<code>2.0.0-beta.12</code></li>
<li><strong>cdk：</strong> 更新到<code>2.0.0-beta.12</code></li>
<li><strong>flex-layout：</strong>  更新到<code>2.0.0-beta.9</code></li>
</ul>
<h3 id="-">功能实现</h3>
<ul>
<li><strong>cli：</strong> 优化css打包</li>
<li><strong>firebase：</strong> 项目开始支持firebase</li>
<li><strong>登录&amp;注册：</strong> 接入firebase 目前支持 github 和 google 账号登录</li>
<li><strong>file upload：</strong> 增加文件上传模块, 对接firebase存储</li>
<li><strong>electron：</strong> 新增分支feature/electron, 进行桌面应用开发</li>
<li><strong>apm：</strong>  新增前端监控模块</li>
<li><strong>chats：</strong>  接入firebase 可以实时聊天</li>
<li><strong>moduel：</strong>  更新crm profile user widget project</li>
</ul>
<h3 id="-">功能优化</h3>
<ul>
<li>优化material模块导入</li>
<li>优化侧边栏菜单</li>
<li>优化navitation模块css效果</li>
<li>优化comment/search组件</li>
<li>优化mail模块搜索</li>
<li>优化主题切换</li>
</ul>
<h1 id="0-4-9-2017-09-8-">0.4.9 (2017.09.8)</h1>
<h3 id="-">功能实现</h3>
<ul>
<li><strong>通知：</strong> 新增通知组件</li>
<li><strong>持续集成：</strong> 新增circle，新增docker-compose</li>
<li><strong>analysis：</strong> 添加数据分析模块</li>
<li><strong>table：</strong> 固定表头代码重些,优化部分代码</li>
</ul>
<h1 id="0-4-8-2017-09-1-">0.4.8 (2017.09.1)</h1>
<h3 id="-">问题修复</h3>
<ul>
<li>修复chart在页面不显示</li>
</ul>
<h1 id="0-4-7-2017-08-25-">0.4.7 (2017.08.25)</h1>
<h3 id="-">功能实现</h3>
<ul>
<li><strong>持续化集成</strong> 自动发布项目在github.io上</li>
</ul>
<h1 id="0-4-6-2017-08-18-">0.4.6 (2017.08.18)</h1>
<h3 id="-">问题修改</h3>
<ul>
<li>angular2-perfect-scrollbar 更换为 ngx-perfect-scrollbar</li>
</ul>
<h3 id="-">功能实现</h3>
<ul>
<li>增加老持浏览器不支持提示语</li>
<li>增加api协议配置</li>
<li>增加文本生成器</li>
<li>允许导入json文件</li>
</ul>
<h3 id="-">功能优化</h3>
<ul>
<li><strong>table：</strong> 实现动态表格</li>
</ul>
<h1 id="0-4-5-2017-08-11-">0.4.5 (2017.08.11)</h1>
<h3 id="-">问题修改</h3>
<ul>
<li><strong>路由：</strong> 将各个模块中的路由改为子路由</li>
<li><strong>navigation：</strong> 在视图中setClassActive参数类型传入错误</li>
<li><strong>构建：</strong> 修复AOT编译不通过</li>
</ul>
<h3 id="-">功能实现</h3>
<ul>
<li><strong>模块：</strong> 将<code>CommonModule、FormsModule、MaterialModule、FlexLayoutModule</code> 提取到shared模块中</li>
<li><strong>环境：</strong> 添加github.io编译环境</li>
<li><strong>包：</strong> 新增<code>ng2-charts</code>；更新material、cli版本；移除echarts、angular-in-memory-web-api</li>
<li><strong>样式：</strong> 添加sidenav、pagination、date-picker、navigation 主题</li>
<li><strong>构建：</strong> 默认抽出css文件</li>
<li><strong>index.html：</strong> 添加关键字、添加百度统计</li>
</ul>
<h3 id="-">性能优化</h3>
<ul>
<li><strong>懒加载：</strong> navigation、chats、mail、todo、tables、forms、materials、pages、chart 实现懒加载</li>
<li><strong>mock数据：</strong> 提供navigation，todo，mail 模块mock数据，放在asset/data目录</li>
<li><strong>样式：</strong> style.scss 样式优化</li>
</ul>
<h3 id="-">更新</h3>
<ul>
<li><strong>项目：</strong> 更换分支名称、项目重命名、模块调整优化</li>
<li><strong>删除</strong> 测试脚本全部删除(*.spec.ts)</li>
<li><strong>table：</strong> </li>
</ul>
<h1 id="0-4-0-2017-06-22-">0.4.0 (2017.06.22)</h1>
<h3 id="-">问题修改</h3>
<ul>
<li>material2版本问题导致包更新不对</li>
</ul>
<h3 id="-">功能实现</h3>
<ul>
<li>实现全屏操作</li>
</ul>
<h3 id="-">性能优化</h3>
<ul>
<li><strong>icon：</strong> 删除项目中icon文件，改为依赖包方式添加</li>
</ul>
<h3 id="-">更新</h3>
<ul>
<li><strong>框架：</strong> 升级到<code>angular 4</code></li>
<li><strong>包：</strong> 添加material-design-icons</li>
</ul>
<h1 id="0-3-0-2017-06-09-">0.3.0 (2017.06.09)</h1>
<h3 id="-">功能实现</h3>
<ul>
<li>添加： MarkDown</li>
<li>添加： echarts</li>
</ul>
<h1 id="0-2-0-2017-05-26-">0.2.0 (2017.05.26)</h1>
<h3 id="-">功能实现</h3>
<ul>
<li>添加： Dockerfile</li>
<li>添加： .travis.yml</li>
</ul>
<h3 id="-">更新</h3>
<ul>
<li>注册&amp;登录组件调整</li>
<li>pages目录下的组件调整</li>
</ul>
<h1 id="0-1-0-2017-04-27-">0.1.0 (2017.04.27)</h1>
<ul>
<li>项目发布</li>
</ul>














                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
           </div>
       </div>

       <script src="./js/libs/bootstrap-native.js"></script>

       <script src="./js/libs/es6-shim.min.js"></script>
       <script src="./js/libs/EventDispatcher.js"></script>
       <script src="./js/libs/promise.min.js"></script>
       <script src="./js/libs/zepto.min.js"></script>

       <script src="./js/compodoc.js"></script>

       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 0;</script>

       <script src="./js/search/search.js"></script>
       <script src="./js/search/lunr.min.js"></script>
       <script src="./js/search/search-lunr.js"></script>

       <script src="./js/tabs.js"></script>
       <script src="./js/menu.js"></script>
       <script src="./js/libs/prism.js"></script>
       <script src="./js/sourceCode.js"></script>
       <script src="./js/search/search_index.js"></script>

    </body>
</html>
